From 4b0be7c8817fa9f207543fe874c8c849ce6d7977 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sun, 3 Mar 2024 00:34:41 -0800
Subject: feat(girls): senpy integration

---
 src/routes/girls/[language]/+page.server.ts |  5 +++++
 src/routes/girls/[language]/+page.svelte    | 34 +++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 src/routes/girls/[language]/+page.server.ts
 create mode 100644 src/routes/girls/[language]/+page.svelte

(limited to 'src/routes/girls/[language]')

diff --git a/src/routes/girls/[language]/+page.server.ts b/src/routes/girls/[language]/+page.server.ts
new file mode 100644
index 00000000..7084986f
--- /dev/null
+++ b/src/routes/girls/[language]/+page.server.ts
@@ -0,0 +1,5 @@
+export const load = ({ params }) => {
+	return {
+		language: params.language
+	};
+};
diff --git a/src/routes/girls/[language]/+page.svelte b/src/routes/girls/[language]/+page.svelte
new file mode 100644
index 00000000..6cafe198
--- /dev/null
+++ b/src/routes/girls/[language]/+page.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	import Senpy from '$lib/Data/senpy';
+	import Message from '$lib/Loading/Message.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
+
+	export let data;
+</script>
+
+<div class="card">
+	{#await Senpy.getImages(data.language)}
+		<Message message="Loading images ..." />
+
+		<Skeleton grid={true} count={1} width="49%" height="16.25em" />
+	{:then images}
+		<div class="images">
+			{#each images as image}
+				<img src={image} alt="An anime girl holding a programming book" />
+			{/each}
+		</div>
+	{/await}
+</div>
+
+<style lang="scss">
+	.images {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(16.25em, 1fr));
+		gap: 1em;
+
+		img {
+			border-radius: 8px;
+			width: 100%;
+		}
+	}
+</style>
-- 
cgit v1.2.3